/*=== Setup ===*/
* { border:0; margin:0 auto; padding:0; outline:none; }
body {  font:13px Arial, Verdana, Helvetica, sans-serif; color:#494949; padding:0; margin:0; }
.html_bg { background:url(../images/main_bg2.gif) top center repeat-x; }
a { color:#494949; text-decoration:none; }
a:hover { text-decoration:none; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
p.bg, .bg { clear:both; padding:0; margin:10px 0; border-bottom:1px solid #bababa; height:2px; }
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:Arial, Verdana, Helvetica, sans-serif; }
li { list-style:none; }
h1, h2 { color:#222222; font-size:1.5em; font-weight:normal; letter-spacing:-1px; margin:0 0 1em; }
h3 { color:#333333; font-size:1.2em; margin:0 0 .8em; }
h4 { font-size:1em; margin:0 0 1em; }
p { line-height:1.5em; padding:0 0 1.3em; }
/*=== Layout ===*/
#page { width:980px; margin:0 auto; padding:0;}
#page img.maain { margin:0; padding:0; }
/*=== Header ===*/
#header { padding:0;  background:url(../images/main_bg_line.gif) top repeat-x; }
#header_content{ width:980px; background:url(../images/header_bg.gif) top repeat-x; margin:0 auto; padding:0;}
.header_h2  {  padding:18px 0; margin:0; }
/*- Logo -*/
.logo { width:336px; float:left; margin:0px 0px 0px 0px; padding:23px 0 1px 0; }
.logo h1 { background: url(../images/logo.png) top no-repeat; float:left; text-indent:-9999px; width:336px; margin:0; padding:0;}
.logo h1 a { display:block; height:65px; }
.logo h1 a:hover { text-decoration:none; }
/*=== Navigation ===*/
/* RSS */
.rss { width:400px; float:right; padding:30px 0 0 0; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#737373; line-height:1.8em;}
.rss img { margin:0 4px; padding:0; }
.rss div { float:right; padding:10px 0;}
/* Search form */
#search span { width:217px; padding:0; display:block; float:right; background:url(../images/search_bg.gif) left top no-repeat; height:31px; margin:8px 10px 0 10px; padding:0; }
#search input#s { float:left; width:171px; padding:8px 0px 0px 0px; margin:0; border:0; background:none; color:#909090; font:normal 12px/15px Arial, Helvetica, sans-serif; }
#search .btn { float:left; padding:0; margin:0; border:0; width:auto; }
/*- Top Nav -*/
.topnav { float:left; width:380px; margin:0; padding:0; }
.topnav ul { list-style:none; padding:0; margin:0; }
.topnav li { float:left; padding:0 2px; }
.topnav li a { font: normal 12px/14px Arial, Helvetica, sans-serif; color:#737373; display:block; float:left; padding:15px; text-decoration:none; }
.topnav li a:hover { color:#fff; background:url(../images/hover.gif) top repeat-x; }
.topnav li.current_page_item a { font-weight:bold; color:#fff; background:url(../images/hover.gif) top repeat-x; }
/*=== All Columns ===*/
#columns { margin:10px auto; padding:10px 0; width:980px;}
/*=== Center Column ===*/
#centercol { float:left; width:658px; padding:0; }
/*=== Right Column ===*/
#rightcol { float:right; width:270px; padding:0; }
#rightcol .box { padding:0; }
.small_link { padding:0; margin:0 auto; }
.small_link a { color:#656464; text-decoration:none; }
/*=== Sub Columns ===*/
.subcols { background:url(../images/subcols-bgr.gif) repeat-y left; height:1%; }
.col1, .col2 { float:left; width:285px; }
.col2 { float:right; }
/*=== Post ===*/
.post-block { }
.post-margin { margin-left:236px; }
/*- Post Title -*/
.post-title { padding:0 0 10px 0; margin:0; }
.post-title h2 { margin:0; padding:5px 0; font:normal 24px Arial, Helvetica, sans-serif; color:#545454;}
.post-title h2 a { display:inline; padding:0; margin:0; color:#545454; text-decoration:none; }
/*- Post Excerpt -*/
.post-excerpt { padding:10px 0 0 0; display:table; font: normal 12px Arial, Helvetica, sans-serif; color:#828282; margin:0;}
.post-excerpt p { line-height:1.8em; margin:0; }
.post-excerpt a { color:#97512d; text-decoration:underline; font-weight:bold; }
/*- Post Lists -*/
.post ul, .post ol { margin:0 0 1.5em; }
.post ul li { background:url(../images/ico-list.gif) no-repeat 0 6px; margin:0 0 .4em; padding:0 0 0 10px; }
.post ol li { list-style:decimal; list-style-position:inside; margin:0 0 .4em; }
/*- Post Blockquote -*/
.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px; }
/*- Post Author -*/
.post-author { margin:0 0 1em; }
.author-details { font-size:11px; }
.author-descr { display:table; height:1%; }
/*- Social Links -*/
.social-links { font: normal 12px Arial, Helvetica, sans-serif; padding:5px 0; margin:0 0 5px 0; color:#9b9b9b; border-bottom:1px solid #dadada; border-top:1px solid #dadada;}
.social-links a { color:#da5700; font-weight:normal; text-decoration:none;  }
.social-links a:hover { text-decoration:underline; }
/* post-commets */
.post-commets { margin:0 10px 0 0; padding:5px 0; text-align:center; text-align:center; color:#fff; width:88px; height:30px; font:normal 12px/30px Arial, Helvetica, sans-serif; }
.post-commets a, .post-commets span { color:#fff; background:#000; text-decoration:none; text-align:center; padding:5px; font-weight:normal; }
.post-commets a:hover { text-decoration:underline; }
/*- Related Posts -*/
/*- Post Date -*/
.post-date { margin:0; }
/*- Post Comments -*/
.post-comments h2 { padding-top:10px; }
.post-comments .fl { width:80px; }
.post-comments .fr { width:470px; }
/*- Widget Title - */
.wtitle { padding:0 0 10px 0; margin:0; }
.wtitle h2 { margin:0; padding:5px 0; font:normal 24px Arial, Helvetica, sans-serif; color:#545454; text-align:left; border-bottom:1px solid #dadada;}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { margin:0 0 15px 0; padding:0 0; }
.box .content { height:1%; padding:0; }
.box .ac { padding:5px 0; text-align:center; }
/*- Box2 -*/
.box2 { background:#f9f9f9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:18px; min-height:115px; }
.box2.alt { background:#FFFFFF; }
.box2.alt { background:#FFFFFF; }
.comm-name, .comm-date { line-height:20px; }
/*=== Styling Lists ===*/
/*- List -*/
.list { height:30px; color:#373737; font:normal 11px/13px Arial, Helvetica, sans-serif; clear:both; padding:0 0 10px 0; }
.list li { float:left; margin:0; padding:0 5px 0 0; }
.list li a { display:block; float:left; padding:9px 10px; text-align:center; text-decoration:none; color:#373737; }
.list li a:hover { color:#373737; background:#f0f0f0; padding:8px 9px; border:1px solid #ddd; }
.list li a.active { color:#373737; background:#f0f0f0; padding:8px 9px; border:1px solid #ddd; }
div.tabs_list { border:1px solid #e8e8e8; padding:0; margin:0; }
div.tabs_list ul { list-style:none; text-align:left; padding:5px 0; }
div.tabs_list ul li { font:normal 13px Arial, Helvetica, sans-serif; padding:0; margin:0; }
div.tabs_list ul li a { border-bottom:1px solid #e8e8e8; display:block; padding:5px 0 5px 25px; margin:0; color:#828282; background:url(../images/li_a.gif) 10px 10px no-repeat; }
div.tabs_list ul li a:hover { text-decoration:none; color:#828282;  background: #f4f4f4 url(../images/li_a_hover.gif) 10px 10px no-repeat; }
div.tabs_list ul li ul.children { padding:0; }
div.tabs_list ul li ul.children li { border:0; margin:0; }
div.tabs_list ul li ul.children a { background:none; }
div.tabs_list ul li ul.children a:hover { background:#e0e0e0; color:#000; }
div.tabs_list ul li ul.children li a { padding:5px 0 5px 25px; display:block; }
div.tabs_list ul li ul.children li li a { padding:5px 0 5px 30px; display:block; }
/*- List1 -*/
.list1 li { background:url(../images/ico-list1.gif) no-repeat 0 1.1em; border-bottom:1px solid #e7e7e7; height:1%; padding:.7em 0 .7em 13px; }
.list1 li.last { border:0; }
#rightcol .list1 li a:hover { color:#33707e; }
/*=== Styling Forms ===*/
input.btn { background:none; border:0; margin:0; padding:0; }
select { padding:1px; }
/*- Message -*/
.message div { margin:0 0 18px; }
.message input { padding:9px 15px; width:440px; }
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:440px; font-family:Verdana; }
.message .submit { float:left; }
.message .btn { padding:0; width:128px; height:32px; background:url(../images/button.gif); }
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0; }
/*=== Pics, Thumbs, Ads etc. ===*/
.pic { background:#fafafa;}
.pic img { display:block; margin:0 15px 0 0; padding:7px; background:#fff; border:1px solid #e7e7e7; }
.pic.fl img { margin-top:15px;}
.pic.fr img { }
.th { display:block; margin:0 0 .5em; }
.th.fl img { margin-right:10px; max-width:50px;}
.ads img, .widget_flickrRSS img { margin:5px 3px; }
.widget_flickrRSS img { border:1px solid #cfcfcf; }
.box .ac img { border:0; margin:0; }
/*=== Footer ===*/
#page_bottom { background:url(../images/footer_bg.gif) top repeat-x; padding:0; margin:0;}
#footer { color:#969696; text-decoration:none; font:normal 12px Arial, Helvetica, sans-serif; margin:0 auto; padding:5px 0; width:980px; }
#footer a { color:#969696; font-weight:bold; }
#footer span { color:#969696; }
#footer .text2 { padding:15px 20px; float:right; }
#footer .text { padding:15px 20px; float:left; }
/*=== Misc. ===*/
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden; }
.hl, .hl2 { background:url(../images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%; }
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em; }
.fl { float:left; }
.fr { float:right; }
.ac { text-align:center; }
.ar { text-align:right; }
.noBorder { border:0; }
.font-sm { font-weight:normal; }
.white { color:#FFF; }
/* Slieder Tabs */
#tabs_news { margin:0 auto; padding:0; width:909px; }
.slider { width:909px; padding:34px 34px 0 34px; margin:0 auto; background:#fff; border:1px solid #e1e1e1; }
.slider ul.tabs { margin:0 auto; padding:0; width:70px; list-style:none; position:relative; }
.slider ul.tabs li { margin:15px 1px; padding:0; float:right; background:none; }
.slider ul.tabs li img { float:right; margin:0; padding:0; }
.slider ul.tabs li a { display:block; background:url(../images/tabs_2.gif) top no-repeat; padding:1px; margin:0; width:10px; height:10px; }
.slider ul.tabs li a:hover { background:url(../images/tabs_1.gif) top no-repeat; }
.slider ul.tabs li.tabs-selected a { background:url(../images/tabs_1.gif) top no-repeat; }
.slider ul.tabs li.text { font:normal 12px Arial, Helvetica, sans-serif; color:#f1f1f1; background:none; width:430px; float:left; padding:10px 0 0 0; margin:0; }
.tabs-hide { display:none; }
.slider_bottom { background:#fff; padding:17px; margin:30px auto 0 auto; border:1px solid #e1e1e1;}
.slider_bottom p { font: italic 12px Arial, Helvetica, sans-serif; color:#a6a6a6; padding:3px 0 0 0; margin:0;}
.slider_bottom img { float:left; margin:0 10px 20px 0; padding:0;}

/* 文章 Articles */
.article {color:#666;}
.article ul { padding:0px;}
.article ul li { list-style:none; padding-bottom:10px;}
.article ul li .article_title { padding:8px 0px; font-size:14px; color:#333; font-weight:bold; border-bottom:1px solid #ccc;}
.article ul li .article_info { height:16px; padding:10px 0px; border-bottom:1px solid #ccc; color:#666;}
.article ul li .article_info .left { background:url(../images/cat1.png) no-repeat; float:left; width:300px; padding-left:25px; height:16px;} 
.article ul li .article_info .left:hover { background:url(../images/cat2.png) no-repeat; float:left; width:300px; padding-left:25px; height:16px;} 
.article ul li .article_info .right { background:url(../images/comments1.png) no-repeat; float:right; padding-left:25px;}
.article ul li .article_info .right:hover { background:url(../images/comments2.png) no-repeat; float:right; padding-left:25px;}
.article ul li .article_content { line-height:22px; padding-top:8px;}
.left { float:left;}
.right { float:right;}
ul.rlist { padding: 5px 0px 0px 10px;}
ul.rlist li{ line-height: 22px;}
ul.rlist li a{ color: #666;}
.info_comment { border-top: 1px solid #ccc; padding: 10px 0px 0px 5px;}